/* Dialog弹窗*/
.c-martin__dialog__contain {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  .c-martin__dialog {
    position: relative;
    border-radius: 4px;
    width: 30%;
    margin: 0 auto;
    background: #fff;
    .c-dialog__header {
      padding: 20px;
      position: relative;
      .c-dialog__header__close {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #909399;
        cursor: pointer;
      }
    }
    .c-dialog__body {
      padding: 25px 25px 30px;
    }
    .c-dialog__footer {
      border-top: 1px solid #f5f5f5;
      text-align: center;
      padding: 10px 20px 20px;
    }
  }
}

.fade-enter {
  opacity: 0;
  transform: translateY(-30px);
}
.fade-enter-to {
  opacity: 1;
  transform: translateY(0);
}
.fade-leave {
  opacity: 1;
  transform: translateY(30p);
}
.fade-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}
.fade-enter-active {
  transition: all .5s;
}
.fade-leave-active {
  transition: all .5s;
}